﻿@{
    ViewData["Title"] = "StoreView";
    Layout = "~/Views/Shared/_Layout.cshtml";

}


<!-- 引入高德地图的 JavaScript API -->
    <script src="https://webapi.amap.com/maps?v=1.4.15&key=3901bbb7e4598de04e06cabcf21f2b47"></script>
<form class="layui-form" action="">
  <div class="layui-form-item">
    <label class="layui-form-label">门店名称</label>
    <div class="layui-input-block">
      <input type="text" name="storesName" id="storesName" lay-verify="required" placeholder=""  lay-reqtext="请填写门店名称" autocomplete="off" class="layui-input">
    </div>
  </div>

   <div class="layui-form-item">
    <label class="layui-form-label">分店名称</label>
    <div class="layui-input-block">
      <input type="text" name="branchName" id="branchName"  placeholder="" autocomplete="off" class="layui-input">
    </div>
  </div>

   <div class="layui-form-item">
     <label class="layui-form-label">门店地址</label>
     <div class="layui-input-block">
     <input  type="text" name="storesAddress" id="storesAddress" lay-verify="required" placeholder="请填写门店地址" autocomplete="off" class="layui-input">
      </div>
     <!-- 地图容器 -->
      <div id="container" style="width: 500px; height: 300px;"></div>
   </div>

  <div class="layui-upload-drag" style="display: block;" id="ID-upload-demo-drag">
    <i class="layui-icon layui-icon-upload "></i> 
    <div>点击上传，或将文件拖拽到此处</div>
    <div class="layui-hide" id="ID-upload-demo-preview">
      <hr> <img src="" alt="上传成功后渲染" style="width: 100px; height: 100px;"  name="storesImages" id="storesImages">
    </div>
  </div>

  <div class="layui-form-item">
    <div class="layui-inline">
      <label class="layui-form-label">客服电话</label>
      <div class="layui-input-inline layui-input-wrap">
        <input type="tel" name="customerIphone" id="customerIphone" lay-verify="required|phone" autocomplete="off" placeholder="手机号/固号"  lay-reqtext="请填写手机号" lay-affix="clear" class="layui-input demo-phone">
     </div>
    </div>
  </div>

  <div class="layui-form-item">
    <label class="layui-form-label">门店状态</label>
    <div class="layui-input-block">
      <input type="radio" name="storesState" id="storesState" value="1" title="启用" checked>
      <input type="radio" name="storesState" id="storesState" value="2" title="禁用">
    </div>
  </div>

  <div class="layui-form-item layui-form-text">
    <label class="layui-form-label">门店介绍</label>
    <div class="layui-input-block">
      <textarea  name="storesDesc" id="storesDesc" placeholder="如免费停车，WiFi等" class="layui-textarea"></textarea>
    </div>
  </div>

  <div class="layui-form-item layui-form-text">
    <label class="layui-form-label">入住须知</label>
    <div class="layui-input-block">
      <textarea name="storesWarn" id="storesWarn" placeholder="如推荐菜，推荐商品等" class="layui-textarea"></textarea>
    </div>
  </div>

  <div class="layui-form-item layui-form-text">
    <label class="layui-form-label">交通信息</label>
    <div class="layui-input-block">
      <textarea name="traffic" id="traffic" placeholder="如免费停车，免费WiFi等" class="layui-textarea"></textarea>
    </div>
  </div>

   <div class="layui-form-item">
    <label class="layui-form-label">配套服务</label>
    <div class="layui-input-block">
      <input type="checkbox"  name="assortedService" id="assortedService" value="WiFi" title="WiFi" lay-filter="projectCheckbox">
      <input type="checkbox" name="assortedService" id="assortedService" value="免费停车" title="免费停车" checked lay-filter="projectCheckbox">
      <input type="checkbox" name="assortedService" id="assortedService" value="酒吧" title="酒吧" lay-filter="projectCheckbox">
    </div>
  </div>

@*      <div class="layui-form-item" layui-form-text>
        <label class="layui-form-label">配套服务</label>
        <div class="layui-btn-container">
           <button type="button" class="layui-btn" lay-btn-primary id="addServices">新增配套服务</button>
        </div>
    </div>
  @* 门店配套服务弹出层 *@
<div id="roomTypeServices" style="display:none">
    <div id="context">
    </div>
    <div style="margin-top:10px">
        <button style="margin-left:500px;" type="button" id="cancel" class="layui-btn layui-btn-primary layui-btn-sm">取消</button>
        <button id="confirm" type="button" class="layui-btn layui-btn-sm layui-btn-normal">确定</button>
    </div>
</div> 



  <div class="layui-form-item">
    <div class="layui-input-block">
      <button type="submit" class="layui-btn" lay-submit lay-filter="demo1">添加门店</button>
      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
  </div>
</form>
  

<script src="~/Storejs/test.js"></script>
<style>
    /* 设置地图容器的样式 */
    #map-container {
        width: 100%;
        height: 500px;
    }
        .serviceName {
        font-size: 20px;
        color: #45c8bb; /* 假设的碧青色十六进制颜色代码 */
    }

    #label:hover {
        width: 60px;
        height: 60px;
        border: inset;
        background-color: #d4edda; /* 浅绿色背景，表示选中 */
    }
</style> 
